<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <h3 class="game_title">js记忆翻牌小游戏</h3>
    
    <div class="game_rule">
        <p>游戏规则：翻开两个格子，如果图案一致则配对，将其挑出，如果图案不一致则盖回去，直到所有格子都配对完成，游戏结束。</p>
    </div>
    
    <div id="game">
        <!-- <div class="block">
            <div class="pic on"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div>
        <div class="block">
            <div class="pic"></div>
        </div> -->
    </div>

    <!-- 难度等级 -->
    <div class="level_box">
        <p>你已经进行了<span class="steps">0步</span></p>
        <p>游戏进度：<span class="progress">0/8</span></p>

        <select id="level_select">
            <option value="0">--选择难度--</option>
            <option value="1">难度1：2&times;2</option>
            <option value="2">难度2：4&times;4</option>
            <option value="3">难度3：6&times;6</option>
        </select>

        <button class="new_game">新游戏</button>
    </div>

    <script src="js/index.js"></script>
    <script>
       game.init({
           el : document.getElementById("game"),
           level : 2,
       });
    </script>
</body>
</html>